<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path;
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Hyves.net - Always in touch with your friends</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link href="<%=basePath%>/style/main.css" type="text/css"
			rel="stylesheet" />
		<link href="<%=basePath%>/style/style20.css" type="text/css"
			rel="stylesheet" />
		<link href="images/favicon.ico" type="image/x-icon"
			rel="shortcut icon" />
		<link href="<%=basePath%>/style/ie6.css" type="text/css"
			rel="stylesheet" />
		<link href="<%=basePath%>/style/pagination.css" type="text/css"
			rel="stylesheet" />
		<script language="javascript"
			src="<%=basePath%>/script/jquery1.3.2.js" type="text/javascript"></script>
		<script language="javascript"
			src="<%=basePath%>/script/jquery.pagination.js"
			type="text/javascript"></script>
		<script language="javascript" src="<%=basePath%>/editor/xheditor.js"
			type="text/javascript"></script>
		<script language="javascript" type="text/javascript">
			$(document).ready(function(){
				/* 分页插件Pagination */
				var _total_num = $("#total").val();
				var _group_id = $("#groupId").val();
				$("#pagination").pagination(_total_num, {
							items_per_page : 16,
							next_show_always : false,
							prev_show_always : false,
							callback : pageselectCallback
						});
				function pageselectCallback(page_index, jq) {
					$.ajax({
								type : "POST",
								dataType : "html",
								url : "<%=basePath%>/group/page",
								data : {
									gid : _group_id,
									page_index : page_index,
									maxResult : 16
								},
								success : function(data) {
									$("#photo-thumb-container").html(data);
								}
							});
				}
			});
		</script>
	</head>
	<body>

		<jsp:include page="/site/common/header.jsp"></jsp:include>

		<div id="leaderboard">
			<div id="adheseholder_12601752621" style="DISPLAY: none">
				<iframe id="adheseframe_12601752621"
					src="LifestyleS - Hyves_nl.files/0.htm" frameborder="0" width="1"
					scrolling="No" height="0" allowtransparency="allowTransparency"></iframe>
			</div>
		</div>
		<div id="page-con">
			<div id="page-con-hdr">
				<div class="box">
					<div class="groups-header">
						<div class="wrapper w2">
							<div class="section s1">
								<div id="page-con-info">
									<div class="avatar small">
										<a class="avatar-link" title="LifestyleS"
											href="http://lifestyles.hyves.nl/"><img
												class="avatar-img mediaicon14" alt="LifestyleS"
												src="LifestyleS - Hyves_nl.files/226568633_14_e_MB.jpg" />
										</a>
									</div>
									<h1>
										<!-- google_ad_section_start -->
										<a href="http://lifestyles.hyves.nl/">LifestyleS</a>
										<!-- google_ad_section_end -->
									</h1>
									(Hyve)
									<ul id="profile-menu">
										<li class="first">
											<a href="http://lifestyles.hyves.nl/address/">About</a> |
										</li>
										<li class="current">
											<a href="http://lifestyles.hyves.nl/photos/">Photos</a> |
										</li>
										<li>
											<a href="http://lifestyles.hyves.nl/forum/">Messages</a> |
										</li>
										<li class="last" id="profile-menu-more">
											<a class="sub-menu-title" onclick="return false;"
												href="javascript:void(0);">More</a>
											<div class="sub-menu">
												<div class="sub-menu-bg">
													<div class="sub-menu-bg-pimp">
														<div class="sub-menu-hdr">
															<div class="sub-menu-hdr-bg"></div>
														</div>
														<ul>
															<li class="first">
																<a href="http://lifestyles.hyves.nl/members/">Members</a>
															</li>
															<li>
																<a href="http://lifestyles.hyves.nl/events/">Agenda</a>
															</li>
															<li>
																<a href="http://lifestyles.hyves.nl/polls/">Polls</a>
															</li>
															<li>
																<a href="http://lifestyles.hyves.nl/widget/">Gadgets</a>
															</li>
															<li>
																<a href="http://lifestyles.hyves.nl/blog/">Blogs</a>
															</li>
															<li class="last">
																<a href="http://lifestyles.hyves.nl/minibuzz/">Buzz</a>
															</li>
														</ul>
														<div class="sub-menu-bg-mf-pimp"></div>
													</div>
												</div>
											</div>
										</li>
									</ul>
								</div>
							</div>
							<!--  
							<div class="section s2">
								<div id="page-con-optns">
									<div>
										<a class="disabled icon icon-lifebelt action-icon-text"
											id="toggle_pimp_off" onclick="return false;"
											href="javascript:void(0);">Show in normal design</a>
									</div>
									<div>
										<a class="icon icon-lifebelt action-icon-text"
											id="toggle_pimp_on" onclick="return false;"
											href="javascript:void(0);">Show personalized design!</a>
									</div>
								</div>
							</div>
							-->
						</div>
						<div class="wrapper w4">
							<div class="section s1"></div>
						</div>
					</div>
					<div class="box-con-bg"></div>
				</div>
				<div class="border"></div>
				<div class="bg"></div>
			</div>
			<!-- page-con-hdr -->
			<div id="page-con-body">
				<div class="wrapper w8">
					<div class="section s1">
						<div class="box media-item-full">
							<div class="box-hdr">
								<div class="box-hdr-bg"></div>
								<div class="box-hdr-inner">
									<h2 id="media_mainitem_title">
										Delicious &amp; Groovy : The One
									</h2>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg"></div>
								<div class="box-con-inner">
									<div class="box-con-sctn" id="media_mainitem">
										<div class="photo item" id="media_mainitem_canvas">
											<a href="javascript:void(0);"><img
													title="Delicious &amp; Groovy : The One" height="402"
													alt="Delicious &amp; Groovy : The One"
													src="LifestyleS - Hyves_nl.files/784868956_5_B3IJ.jpg"
													width="295" /> </a>
										</div>
										<div class="first" id="media_spotted"></div>
									</div>
									<div class="box-con-sctn">
										<p id="mediaItemDescription">
											Geïnspireerd door de eau de toilette/parfum van Dolce &amp;
											Gabbana, The One...
										</p>
										<!--  
										<div class="box-con-tls">
											<ul>
												<li class=" first">
													<span class="button primary-button"><span><span
															class="icon icon-find"><a id="spot_button"
																onclick="return false;" href="javascript:void(0);">Spot</a>
														</span>
													</span>
													</span>
												</li>
												<li>
													<span class="button primary-button"><span><span
															class="icon icon-postcard"><a
																href="http://www.hyves.nl/kaartje/?mediaId=784868956&amp;utm_source=hyves&amp;utm_medium=link&amp;utm_campaign=onderfoto">As
																	X-mas card</a>
														</span>
													</span>
													</span>
												</li>
												<li>
													<span class="button primary-button"><span><span
															class="icon icon-email"><a id="mediaItemShare"
																onclick="return false;" href="javascript:void(0);">Forward</a>
														</span>
													</span>
													</span>
												</li>
												<li class="notok">
													<span class="button primary-button"><span><span
															class="icon icon-notok"><a id="notokanchor"
																onclick="return false;" href="javascript:void(0);">Flag
																	as offensive</a>
														</span>
													</span>
													</span>
												</li>
											</ul>
										</div>
										-->
									</div>
								</div>
							</div>
						</div>
						<div class="box reactions">
							<div class="box-hdr">
								<div class="box-hdr-bg"></div>
								<div class="box-hdr-inner">
									<h2>
										<span class="box-icon icon icon-scraps">&nbsp;</span>Comments
									</h2>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg"></div>
								<div class="box-con-inner">
									<div id="pageDivId_show_reactions_1">
										<div id="pagerTop_show_reactions"></div>
										<!-- google_ad_section_start -->
										<div class="box-con-sctn reaction first"
											id="reaction_div_8418136063668">
											<div class="avatar medium">
												<a class="avatar-link" id="mop_member_1424522_0_15618196"
													title="Matthew Manuhutu" href="http://mat1us.hyves.nl/"><img
														class="avatar-img" alt="Matthew Manuhutu"
														src="LifestyleS - Hyves_nl.files/533956411_14_Fcgy.jpg" />
												</a>
											</div>
											<div class="reaction-data">
												<a href="http://mat1us.hyves.nl/">© Matthew (88)</a>
												<div class="box-con-sctn-prop">
													<span class="date">10 Nov, 22:22</span>
												</div>
											</div>
											<div class="reaction-con"
												id="reaction_content_8418136063668_fancy">
												<strong>| STRICTLY SOULFUL HOUSE |</strong>
												<br />
												<br />
												<a href="http://www.megaupload.com/?d=ADRRVFJ9"
													target="_blank">|| DOWNLOAD HIER ||</a>
												<br />
												(geknipte versie: 18 losse tracks)
												<br />
												<br />
												Of
												<br />
												<br />
												<a href="http://www.megaupload.com/?d=0E1JHOVM"
													target="_blank">|| DOWNLOAD HIER ||</a>
												<br />
												(alleen 1 mp3-file)
												<br />
												<br />
												<em>Tracklist</em>
												<br />
												01 Michael Jackson - Don't Stop Till You Get Enough
												<br />
												02 Daft Punk - Around The World
												<br />
												03 Cerrone - Tattoo Woman [Jamie Lewis Sex On The Beach Mix]
												<br />
												04 Andre Harris - All I Want [Innate Soul Dub]
												<br />
												05 Big Bang Theory - Haven't Been Funked Enough [Seamus Haji
												Mix]
												<br />
												06 Secret Sounds - Come Back Home [Joey Negro Club Mix]
												<br />
												07 Christian Hornbostel &amp; Alfred Azzetto - 84 King
												Street
												<br />
												08 Dj Meme Ft Gavin Bradley - Chanson Du Soleil [Redsoul
												Remix]
												<br />
												09 Rhythm Royal - Summer Love
												<br />
												10 Boheme Ft Angie Brown - Music In My Life [Matt Williams
												&amp; Steve Price Vocal Mix]
												<br />
												11 Martin Solveig - Rocking Music [Joey Negro Dub Re-Edit]
												<br />
												12 Louie Vega Presents Anane - Mon Amour [Dj Gregory Mix]
												<br />
												13 Miguel Migs Ft Tim Fuller - Can't Get Through [Mario
												Basinov Funk Vocal]
												<br />
												14 J Majik Ft Kathy Brown - Love Is Not A Game [Julius Vocal
												Mix]
												<br />
												15 Doctor Moonrocks - Gotta Have It [Anthony Nicholson Disco
												3000 Remix]
												<br />
												16 Ron Trent - Jazz Funk Freedom
												<br />
												17 Le Cop - Le Roc [Joey Negro Edit]
												<br />
												18 Chaka Khan &amp; Rufus - Any Love [Dim's Classic Re-Edit]
												<br />
												<br />
												<em>Total Playing Time 72:49 min.</em>
												<br />
												<br />
												<strong>Designed &amp; Mixed by Matius</strong>
												<br />
												<br />
												<a href="http://www.matius.nl/" target="_blank">http://www.matius.nl/</a>
												<br />
												<a href="http://emporiomusica.blogspot.com/" target="_blank">http://emporiomusica.blogspot.com/</a>
											</div>
										</div>
										<div id="pagerBottom_show_reactions"></div>
									</div>
									<div class="box-con-sctn reaction">
										<h4>
											Comment:
										</h4>
										<form name="form" action="<%=basePath %>/forum/reply?id=${forum.id }" method="post" id="forumApplyForm">
											<textarea class="xheditor-simple" name="forumBody.content" rows="12" style="width: 450px"></textarea>
											<br><span class="button primary-button"><span>
												<input id="forumApplySubmitBtn" type="submit" value="回复"/>
											</span></span>	
										</form>		
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- section s1 -->
					<div class="section s2">
						<div class="meta-box no-hdr">
							<div class="meta-box-con">
								<div class="meta-box-con-bg"></div>
								<div class="meta-box-con-inner">
									<div class="avatar medium">
										<a class="avatar-link" id="mop_member_1424522_0_471023353"
											title="Matthew Manuhutu" href="http://mat1us.hyves.nl/"><img
												class="avatar-img" alt="Matthew Manuhutu"
												src="LifestyleS - Hyves_nl.files/533956411_14_Fcgy.jpg" />
										</a>
									</div>
									<ul>
										<li class="first">
											By:
											<a href="http://mat1us.hyves.nl/">© Matthew</a>
										</li>
										<li>
											<span class="date">10 Nov, 22:15</span>
										</li>
										<li class="last">
											31
											<a
												href="http://www.hyves.nl/statistics/settings/?ga%5Fcampaign=viewtimes%5Fnogm/">times
												viewed-by who?</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="box media-browser">
							<div class="box-hdr">
								<div class="box-hdr-bg"></div>
								<div class="box-hdr-inner">
									<h2 id="media_navigation_header">
										Photos from
										<a
											href="http://lifestyles.hyves.nl/album/3128843/LifestyleS/jeeqZ-Pi/">${group.name }</a>
									</h2>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg"></div>
								<div class="box-con-inner">
									<div class="box-con-sctn first">
										<div id="photo-thumb-container">
											<img alt="Loading..." src="<%=basePath%>/images/loading.gif"></img>	
										</div>
										<div id="pagination" class="pagination paging"></div>
									</div>
								</div>
							</div>
						</div>
						<div id="adheseholder_12613183592" style="DISPLAY: none">
							<div class="box content-item-list">
								<div class="box-hdr">
									<div class="box-hdr-bg"></div>
									<div class="box-hdr-inner">
										<h2>
											<span class="box-icon icon"><img alt="hyvertising"
													src="LifestyleS - Hyves_nl.files/star_yellow.png" />
											</span>Advertisement
										</h2>
									</div>
								</div>
								<div class="box-con"
									style="PADDING-RIGHT: 9px; PADDING-LEFT: 9px; PADDING-BOTTOM: 9px; PADDING-TOP: 9px">
									<div class="box-con-bg"></div>
									<div class="box-con-inner" style="TEXT-ALIGN: center">
										<iframe id="adheseframe_12613183592" src="about:blank"
											frameborder="0" width="1" scrolling="No" height="0"
											allowtransparency="allowTransparency"></iframe>
									</div>
								</div>
							</div>
						</div>
						<div class="box tags">
							<div class="box-hdr">
								<div class="box-hdr-bg"></div>
								<div class="box-hdr-inner">
									<h2>
										Tags
									</h2>
									<ul class="box-tls">
										<li class=" first">
											<a class="icon icon-help action-icon" id="tag_help"
												onclick="return false;" href="javascript:void(0);"></a>
										</li>
									</ul>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg"></div>
								<div class="box-con-inner">
									<div class="help-text" id="hlp_f5eecd32" style="DISPLAY: none">
										<p>
											Tags help you find photos and videos. Try it by looking for
											tags of &quot;party&quot; for example. If you want you can
											help your public photos get found by tagging them with
											whatever keyword describes the photo. Add quotation marks if
											you want to add 2 words as one tag: &quot;new year&quot;.
											caPItALs don't matter by the way! :-)
										</p>
									</div>
									<ul class="tag-lst" id="tag_hilite_784868956">
									</ul>
								</div>
							</div>
						</div>
					</div>
					<!-- section s2 -->
				</div>
				<!-- wrapper w8 -->
				<div class="border"></div>
				<div class="bg"></div>
			</div>
			<!-- page-con-body -->
			<div id="page-con-ftr">
				<div class="border"></div>
				<div class="bg"></div>
			</div>
		</div>

		<jsp:include page="/site/common/footer.jsp"></jsp:include>

	</body>
</html>